<!DOCTYPE html>
<html lang="en">
<head>
<title>Dynamic Topology Builder</title>
<meta charset="utf-8">
<meta name="description" content="The site will allow you to dynamically map your assets into a visual topology.">

<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>

<script language="javascript" type="text/javascript">
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
</script>

</head>
<body>
	<header>
			<h1 id="dtb_heading" >Dynamic Topology Builder</h1>
	</header>
<ul id="menu">
	<li><a href="./">Home</a></li>
	<li>
		<a href="./devices.php" target="mainframe">Devices</a>
		
	</li>
	<li><a href="./mappings.html" target="mainframe">Mappings</a></li>
	<li><a href="./viewtopology.html" target="mainframe">View Topology</a></li>
	<li><a href="#">Administration</a>
		<ul>
				<li><a href="./icons.html" target="mainframe">Icons</a></li>
				<li><a href="./preferences.html" target="mainframe">Preferences</a></li>
				<li><a href="./users.html" target="mainframe">Users</a></li>
				<li><a href="./about.html" target="mainframe">About</a></li>
		</ul>
	
	</li>
	
</ul>
<iframe src="./mainpage.html" id="mainframe" scrolling="no" seamless onload='javascript:resizeIframe(this);'>


</iframe>

	
	
</body>
</html>
